<template>
  <div class="test">
    <button @click="go">发送请求</button>
    <button @click="mockUser">发送 MOCK-User 拦截请求</button>
    <button @click="mockOrder">发送 MOCK-Order 拦截请求</button>
    <button @click="mockProduction">发送 Proxy-Production 拦截请求</button>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  name: 'Test',
  methods: {
    go() {
      axios.post("http://localhost:8080/bin/post", {
        errcode: 0,
        errmsg: "OK"
      })
        .then((data) => {
          console.log("then");
          console.log(arguments);
          console.log(data);
          console.log(data.data.data);
        })
        .catch(() => {
          console.log("catch");
          console.log(arguments);
        })
    },
    mockUser() {
      axios.get("/user/userInfo")
        .then((data) => {
          console.log("then");
          console.log(arguments);
          console.log(data);
          console.log(data.data);
        })
        .catch((err) => {
          console.log("catch");
          console.log(arguments);
          console.log(err);
        })
    },
    mockOrder() {
      axios.get("/order/orderInfo")
        .then((data) => {
          console.log("then");
          console.log(arguments);
          console.log(data);
          console.log(data.data);
        })
        .catch((err) => {
          console.log("catch");
          console.log(arguments);
          console.log(err);
        })
    },
    mockProduction() {
      axios.get("/production/productionInfo")
        .then((data) => {
          console.log("then");
          console.log(arguments);
          console.log(data);
          console.log(data.data);
        })
        .catch((err) => {
          console.log("catch");
          console.log(arguments);
          console.log(err);
        })
    }
  },
}
</script>
